<style>
.close,.close:hover{
opacity:1;
}
</style>
<form 
	class="navbar-form navbar-form-sm navbar-left no-padder"
	role="search">
	<div class="">
		<!-- 地址列表 -->
		<div class="input-group r b-a bg-white shift-sm" 
			style="float:left;margin:0px 2px 0px 0px;" 
			>
			
			<span class="input-group-btn" style="width: 30px;">
				<a class="btn-sm" style="cursor: default;"><span translate="header.location"></span>:&nbsp;&nbsp;</a>
			</span> 
			<input type="text" class="input-sm no-border no-bg p-l-none c-p" ng-model="vm.selected.name" readonly 
			ui-search-menu="#cityDropdown" 
			search-events="click">
			<span class="input-group-btn" style="width: 19px;">
				<a class="btn-sm no-bg">
					<i class="fa fa-sort-desc" style="vertical-align: 4px;"></i>
				</a>
			</span>
			
			<ul class="dropdown-menu search-menu city small close" id="cityDropdown">
				<div ng-repeat="level in vm.levelObject">
					<li class="inline wrapper-xs" ng-repeat="loca in level.list">
						<a ng-click="vm.select(loca)">{{loca.name}}</a>
					</li>
					<li style="background: #EDEDED; color: #BDBDBD;" ng-hide="app.isEmpty(level.name)">
						<div style="padding: 5px 7px;">{{level.name}}</span></div>
					</li>
				</div>
			</ul>
		</div>
		<!-- 搜索文本框 -->
		<div class="input-group r b-a bg-white shift" style="">
			<span class="input-group-btn" style="width: 30px;" 
				ui-search-menu="#resultDropdown"
				search-events="click,keyup" 
				ng-click="vm.searchFun()"> 
				<a class="btn-sm no-bg" style="cursor: default;"> <i class="fa fa-search"></i></a>
			</span>
			
			<input type="text" 
				ng-model="vm.search.name" 
				class="input-sm no-border rounded no-bg"
				placeholder="{{'header.searchLocation' | translate}}" 
				style="padding-left: 0px; width: 245px;"
				search-menu-type="result" 
				ui-search-menu="#resultDropdown" 
				search-events="click,keyup"
				ng-keyup="$event.keyCode == 13 && vm.searchFun();" ng-disabled="vm.disabledSearch()"> 
			
			<span class="input-group-btn" style="width: 19px;"> 
				<a class="btn-sm no-bg" style="padding: 5px;"
					ui-search-menu="#resultDropdown" search-events="click"> 
					<i class="fa fa-sort-desc" style="vertical-align: 4px;"></i>
				</a>
			</span>
			
			<ul class="dropdown-menu search-menu close" id="resultDropdown" ng-class="{hidden : vm.disabledSearch()}" style="width:100%;">
				<div ng-repeat="search in vm.searchList">
					<li class="wrapper-xs small">
						<a tabindex="-1" ng-click="vm.selectSearch(search)"><i class="fa fa-map-marker m-l-xs m-r-xs"></i>{{search.name}}</a>
					</li>
					<li class="divider"></li>
				</div>
			</ul>
		</div>
	</div>
</form>